<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

    <title>Choose User Profile</title>

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="author" content=""/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>

    <link rel="stylesheet" href="css/main.css"/>
    <link rel="Stylesheet" href="css/ui.selectmenu.css" type="text/css"/>
    <link rel="Stylesheet" href="css/jquery.jscrollpane.css" type="text/css"/>


    <link href="favicon.ico" rel="shortcut icon"/>
    <link href="apple-icon.png" rel="apple-touch-icon"/>

    <script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/ui.selectmenu.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>

    <script type="text/javascript" src="js/scripts.js"></script>

</head>

<body>
<f:view>
    <f:loadBundle basename="ResourceBundle" var="bundle"/>
    <h:form>
        <div class="android-wrap">
            <div id="wrapper">
                <div id="header">
                    <h1 class="title">Choose User Profile</h1>
                    <ul class="app-controls">
                        <li>
                            <h:commandLink action="#{appBean.registration}" styleClass="appc-back">
                                <h:outputText value="Back" style="color: #000000;"/>
                            </h:commandLink>
                        </li>
                        <li>
                            <h:commandLink action="#{appBean.toLogin}" value="Logout" styleClass="appc-logout"/>
                        </li>
                    </ul>
                </div>
                <div id="content" class="expand">
                    <div class="scroll-pane">
                        <div class="category-list-wrap">
                            <ul class="category-list choose-up">

                                <li>
                                    <dl>
                                        <h:commandLink action="#{appBean.male1518Low}" style="color: #ffffff; ">
                                            <h:outputText value="#{bundle.male_label}"/>
                                            &nbsp;<h:outputText value="#{bundle.age1_label}"/>
                                            <br><h:outputText value="#{bundle.arpu_low}"/>
                                        </h:commandLink>
                                    </dl>
                                </li>

                                <li>
                                    <dl>
                                        <h:commandLink action="#{appBean.male1921Low}" style="color: #ffffff; ">
                                            <h:outputText value="#{bundle.male_label}"/>
                                            &nbsp;<h:outputText value="#{bundle.age2_label}"/>
                                            <br><h:outputText value="#{bundle.arpu_low}"/>

                                        </h:commandLink>
                                    </dl>
                                </li>

                                <li>
                                    <dl>
                                        <h:commandLink action="#{appBean.female2835Hi}" style="color: #ffffff; ">
                                            <h:outputText value="#{bundle.female_label}"/>
                                            &nbsp; <h:outputText value="#{bundle.age4_label}"/>
                                            <br><h:outputText value="#{bundle.arpu_hi}"/>
                                        </h:commandLink>
                                    </dl>
                                </li>

                                <li>
                                    <dl>
                                        <h:commandLink action="#{appBean.male3645Max}" style="color: #ffffff; ">
                                            <h:outputText value="#{bundle.male_label}"/>
                                            &nbsp;<h:outputText value="#{bundle.age4_label}"/>
                                            <br><h:outputText value="#{bundle.arpu_max}"/>
                                        </h:commandLink>
                                    </dl>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>

            </div>

            <h:commandLink action="#{appBean.registration}" styleClass="android-control back-btn">
                <h:outputText value="Back" style="color: #000000;"/>
            </h:commandLink>
        </div>

    </h:form>
</f:view>
</body>
</html>